<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<title>搜索</title>
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<!--标准mui.css-->
		<link rel="stylesheet" href="../css/mui.min.css">
		<style>
			* {
				margin: 0px;
				padding: 0px;
			}
			body {
				background-color: #FFFFFF;
			}
			.mui-content {
				background-color: #FFFFFF;
			}
			.top-search-div {
				width: 100%;
				margin-top: 60px;
			}
			.mui-search {
				padding: 0px 10px;
			}
			.mui-search input[type=search] {
				border-radius: 15px;
				background-color: #FFFFFF;
				border:1px solid #4B0505
			}
			.mui-search .mui-placeholder {
				left: 20px;
				color: #ffe360;
				text-align: left;
			}
			.search-container {
				width: 100%;
			}
			.search-title-div {
				font-size: 10px;
				color: #2F2F2F;
				font-family: "PingFang-SC-Regular";
				margin-left: 14px;
			}
			.search-title-container {
				margin-left: 14px;
			}
			.item-title {
				margin: 5px;
				border:1px solid #C5C5C5;
				border-radius: 15px;
				padding: 5px 15px;
				display: inline-block;
				font-size: 13px;
				font-family: "PingFang-SC-Regular";
			}
			.visa-goods-ul {
				width: 100%;
			}
			.visa-goods-li {
				padding: 5px 0px;
				border-bottom:1px solid #C5C5C5;
			}
			.item-div {
				margin: 10px;
			}
			.item-div .content {
				font-family: 'PingFangSC-Medium';
				font-size: 16px;
				color: #5C5759;
			}
			.number-div {
				width: 100%;
				margin-top: 10px;
			}
			.search-input-div {
				width: 100%;
				position: fixed;
				z-index: 100;
			    top: 60px;
				left: 0px;
			}
			.inline-div {
				display: inline-block;
			}
			.rate-tipes {
				font-size: 13px;
				color: #5C5759;
			}
			.visa-goods-container {
				width: 100%;
				margin-top: 20px;
			}
			.goods-div-title {
				margin-left: 10px;
				margin-bottom: 10px;
			}
			.goods-div-title span {
				font-size: 15px;
				color: #5C5759;
			}
			.goods-div-title img {
				width: 20px;
				height: 20px;
				vertical-align: bottom;
			}
			.line-div {
				width: 100%;
				height: 1px;
				background-color: #F3F3F3;
			}
			.right {
				float: right;
			}
			.view-icon {
				width: 10px !important;
				height: 5px;
				vertical-align: middle;
			}
			.edit-icon {
				width: 8px !important;
				height: 8px;
				margin-left: 30px;
				vertical-align: middle;
			}
			.view-span {
				font-size: 12px;
				color: #5C5759;	
			}
			.goods-price {
				color: red;
				float: right;
			}
			.destination-icon {
				width: 8px;
				height: 10px;
			}
			.destination {
				font-size: 12px;
				color: #5C5759;	
			}
		</style>
	</head>

	<body>
		<header class="mui-bar mui-bar-nav">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<h1 class="mui-title">搜索</h1>
		</header>
		<div class="mui-content">
			<div class="search-input-div">
				<form id="noSubmit" action="" onsubmit="return submitTest();">
					<div class="mui-search">
						<input id="searchName" type="search" placeholder="请输入内容">
					</div>
				</form>
			</div>
			<div id="searchDiv" class="top-search-div">
				<div class="search-container">
					<div class="search-title-div">最近搜索</div>
					<div id="historydiv" class="search-title-container">
						<div class="item-title">哈哈</div>
					</div>
				</div>
			</div>
			<div class="visa-goods-container">
				<div class="goods-div-title">
					<img src="../img/index/mine_icon_pressed.png" />
					<span>签证商品</span>
				</div>
				<div class="line-div"></div>
				<div class="visa-goods-ul">
					<div class="visa-goods-li">
						<div class="item-div">
							<div class="content">过境韩国签，怎么去办理？</div>
							<div class="number-div">
								<div class="inline-div">
									<div class="inline-div">
										<img src="../img/detail/star.png" />
										<img src="../img/detail/star.png" />
										<img src="../img/detail/star.png" />
										<img src="../img/detail/star.png" />
										<img src="../img/detail/star.png" />
									</div>
									<div class="inline-div rate-tipes">出签率98%</div>
								</div>
								<span class="goods-price">¥666</span>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="visa-goods-container">
				<div class="goods-div-title">
					<img src="../img/index/mine_icon_pressed.png" />
					<span>问答</span>
				</div>
				<div class="line-div"></div>
				<div class="visa-goods-ul">
					<div class="visa-goods-li">
						<div class="item-div">
							<div class="content">过境韩国签，怎么去办理？</div>
							<div class="number-div">
								<div class="inline-div">
									<img class="destination-icon" src="../img/mine/question.png" />
									<span class="destination">日本</span>
								</div>
								<div class="inline-div right">
									<img class="view-icon" src="../img/detail/star.png" />
									<span class="view-span">66</span>
									<img class="edit-icon" src="../img/detail/star.png" />
									<span class="view-span">666</span>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</body>
	<script type="text/javascript" src="../js/thirdparty/jquery-3.3.1.js" ></script>
	<script type="text/javascript" src="../js/thirdparty/mui.min.js" ></script>
	<script type="text/javascript" src="../js/thirdparty/spin.min.js" ></script>
	<script type="text/javascript" src="../js/utils/boot.js" ></script>
	<script type="text/javascript">
		var userID = base.getParameter("userID");
	</script>
</html>